<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>目的地</title>
    <link rel="stylesheet" href="less/dist/bootstrap.min.css">
    <link rel="stylesheet" href="less/dist/style.css">
    <link rel="stylesheet" href="less/dist/serch.css">
   
    
</head>
<body>
    <header>
        <div class="search-black">
            <i></i><span>选择目的地</span>
        </div>
        <a href="旅游首页tarvel.html">
            <i></i><span>春季旅游</span>
        </a>
    </header>
    <section>
        <div class="section-left">
             
            <div class="left-icon-1 divBox active">
                    <p></p>
                    <p>热门</p>
                    <span class="span-bg"></span>
                </div>
          
            <div class="left-icon-2 divBox">
                <p></p>
                <p>国内</p>
                <span class="span-bg"></span>
            </div>
       
        <div class="left-icon-3 divBox">
            <p></p>
            <p>国外</p>
            <span class="span-bg"></span>
        </div>
       </div>
        <!-- 热门 -->
        <div class="rightBox">

        
        <div class="section-right hot show" ">
            <div class="boxRight">
               <div class="imgBox-right">
                   <img src="images/img/search0407_01.jpg" alt="">
                   <p>上海迪士尼</p>
               </div>
                
                <div class="imgBox-right">
                    <img src="images/img/search0407_02.jpg" alt="">
                    <p>云南</p>
               </div>
               </div>
             
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/search0407_03.jpg" alt="">
                    <p>厦门</p>
                 </div>
            
                  <div class="imgBox-right">
                    <img src="images/img/search0407_04.jpg" alt="">
                    <p>香港</p>
            </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/search0407_05.jpg" alt="">
                    <p>法国</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/search0407_06.jpg" alt="">
                        <p>泰国</p>
                        </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/search0407_07.jpg" alt="">
                    <p>美国</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/search0407_08.jpg" alt="">
                        <p>拉斯维加斯</p>
                        </div>
            </div>
          

        </div>

        <!-- 国内 -->
        <div class="section-right inland" >
            <div class="boxRight">
               <div class="imgBox-right">
                   <img src="images/img/search0407_01.jpg" alt="">
                   <p>上海迪士尼</p>
               </div>
                
                <div class="imgBox-right">
                    <img src="images/img/search0407_05.jpg" alt="">
                    <p>稻城亚丁</p>
               </div>
               </div>
             
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/guonei0407_09.jpg" alt="">
                    <p>九寨沟</p>
                 </div>
            
                  <div class="imgBox-right">
                    <img src="images/img/guonei0407_10.jpg" alt="">
                    <p>乌镇</p>
            </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/guonei0407_13.jpg" alt="">
                    <p>姿源</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/guonei0407_17.jpg" alt="">
                        <p>青海湖</p>
                        </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/guonei0407_18.jpg" alt="">
                    <p>西藏</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/search0407_08.jpg" alt="">
                        <p>海南</p>
                        </div>
            </div>
          

        </div>

        <!-- 国外 -->
        <div class="section-right foreign" >
            <div class="boxRight">
               <div class="imgBox-right">
                   <img src="images/img/waiguo0407_03.jpg" alt="">
                   <p>马尔代夫</p>
               </div>
                
                <div class="imgBox-right">
                    <img src="images/img/waiguo0407_05.jpg" alt="">
                    <p>夏威夷</p>
               </div>
               </div>
             
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/waiguo0407_09.jpg" alt="">
                    <p>巴厘岛</p>
                 </div>
            
                  <div class="imgBox-right">
                    <img src="images/img/waiguo0407_10.jpg" alt="">
                    <p>曼谷</p>
            </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/waiguo0407_13.jpg" alt="">
                    <p>西班牙</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/waiguo0407_14.jpg" alt="">
                        <p>拉斯维加斯</p>
                        </div>
            </div>
            <div class="boxRight">
                <div class="imgBox-right">
                    <img src="images/img/waiguo0407_17.jpg" alt="">
                    <p>马来西亚</p>
                    </div>
                    <div class="imgBox-right">
                        <img src="images/img/waiguo0407_18.jpg" alt="">
                        <p>冰岛</p>
                        </div>
            </div>
      
        </div>
    </div>
    </section>
    <footer id="footer">
        <ul>
            <li>
                <img src="images/icon/footer_0322_05.png">
                <a href="index.html">首页</a>
            </li>
            <li>
                <img src="images/icon/footer_0322_02.png">
                <a href="search.html">目的地</a>
            </li>
            <li>
                <img src="images/icon/footer_0322_07.png">
                <a href="history.html">浏览历史</a>
            </li>
            <li>
                <img src="images/icon/footer_0322_08.png">
                <a href="myinfo.html">个人</a>
            </li>
        </ul>
    </footer>
    <script src="js/flexible.js "></script>
    <script src="js/search.js"></script>
</body>
</html>